<ion-content>
    <h1>slide-menu</h1>
    <ion-split-pane [when]='isEnableSplitSpane()'>
        <ion-menu>
            <ion-header>
                <ion-toolbar>
                    <ion-title>Menu</ion-title>
                </ion-toolbar>
            </ion-header>
            <ion-content>
                <ion-list>
                    <ion-item (click)="onLogin()">
                        <ion-avatar>
                            <img src="assets/image/head_default.jpg">
                        </ion-avatar>
                        <ion-label>点击登录</ion-label>
                    </ion-item>
                    <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages">
                        <ion-item [routerDirection]="'root'" [routerLink]="[p.url]">
                            <ion-icon slot="start" [name]="p.icon"></ion-icon>
                            <ion-label>
                                {{p.title}}
                            </ion-label>
                        </ion-item>
                    </ion-menu-toggle>
                </ion-list>
            </ion-content>
        </ion-menu>
    </ion-split-pane>
    <router-outlet main></router-outlet>
</ion-content>